<!DOCTYPE html> 
<html> 
	<head> 
	<title rel="localize[title]">Wordbank search aggregator</title> 
	
	<meta name="description" content="Orðasafnasafn safnar opnum orðasöfnum í eitt leitarviðmót." />
	<meta name="keywords" content="orðasafn, orðabankar, leit, dictionary, íslensk, Icelandic" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes" /> 
	
	<link rel="icon" href="img/oss_48x48.png" />
	<link rel="apple-touch-icon" href="img/oss_128x128.png"/>
	<link rel="apple-touch-icon-precomposed" href="img/oss_128x128.png"/>

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
	
	<script src="phonegap.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/bookmark_bubble2.js"></script>
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script src="js/jquery.localize.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/oss.js"></script>
	<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
	
	
	<style type="text/css">
		.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
		    display: block;
		    padding: 0.9em 75px 0.9em 15px;
		}
		div.ui-slider-switch {
		    position: absolute;
		    right: 5px;
		    top: 5px;
		    width: 40%;
		}
		
		#searchlink { 
			margin-top:0.4em;
			margin-left:2em;
			float:right;
		}
		
		.ui-icon-oss-link {
			background-image: url("img/app-icon-link.png");
		}
		@media only screen and (-webkit-min-device-pixel-ratio: 2) {
			.ui-icon-oss-link {
				background-image: url("img/app-icon-link-highres.png");
				background-size: 18px 18px;
			}
		}
	</style>
</head> 

<body>

<div data-role="page" id="oss">

	<div data-role="header">
		<h1 rel="localize[title]">Wordbank search aggregator</h1>
		<a href="#settings" data-rel="dialog" data-icon="grid" 
			data-transition="slidedown" class="ui-btn-right" rel="localize[locale]">
				EN
			</a>
	</div><!-- /header -->

	<div data-role="content">
	
		<div data-role="fieldcontain">
			<form action="/search" method="get" id="search">

			  <input type="search" name="q" id="query" value="" data-inline="true" />
			  <label for="query">
			  	<a href="/" target="_blank" id="searchlink" data-role="button" 
			  			data-icon="oss-link" data-iconpos="notext" data-theme="d"
			  			rel="localize[searchLink]">
			  		Link to this search
			  	</a>
			  </label>
			  
			  <fieldset data-role="controlgroup">
			    <input type="submit" value="Search" id="search-btn" data-theme="b" 
			    	data-icon="search" data-iconpos="right" data-inline="false" rel="localize[Search]" />
			    	
			    <input type="checkbox" name="exact" id="exact" data-inline="false" />
			    <label for="exact" rel="localize[exact]">exact</label>
		    </fieldset>

			</form>
			
		</div>


		<ul data-role="listview" data-inset="true" data-wordbankorder="1" data-wordbankname="Hugtakasafn" 
				id="SearchHugtakasafn" class="wordbank">
			<li data-role="fieldcontain">
				<label for="hts-slider">
					<a href="http://hugtakasafn.utn.stjr.is/" target="_blank">
						Hugtakasafn<br />&THORN;&yacute;&eth;ingami&eth;st&ouml;&eth;var<br />utanr&iacute;kisr&aacute;&eth;uneytis
					</a>
				</label>
				<select name="SearchHugtakasafn" id="hts-slider" data-role="slider">
					<option value="off" rel="localize[Off]">Off</option>
					<option value="on" rel="localize[On]">On</option>
				</select>
			</li>
		</ul>
		
		<ul data-role="listview" data-inset="true" data-wordbankorder="2" data-wordbankname="Or&eth;abanki &Iacute;slenskrar m&aacute;lst&ouml;&eth;var" 
				id="SearchIsmal" class="wordbank">
			<li data-role="fieldcontain">
				<label for="ismal-slider">
					<a href="http://ordabanki.hi.is/" target="_blank">
						Or&eth;abanki<br />&Iacute;slenskrar m&aacute;lst&ouml;&eth;var
					</a>
				</label>
				<select name="SearchIsmal" id="ismal-slider" data-role="slider">
					<option value="off" rel="localize[Off]">Off</option>
					<option value="on" rel="localize[On]">On</option>
				</select>
			</li>
		</ul>
		
		<ul data-role="listview" data-inset="true" data-wordbankorder="3" data-wordbankname="T&ouml;lvuor&eth;asafn" 
				id="SearchTos" class="wordbank">
			<li data-role="fieldcontain" id="ismal-divider">
				<label for="tos-slider">
					<a href="http://tos.sky.is/" target="_blank">T&ouml;lvuor&eth;asafn</a>
				</label>
				<select name="SearchTos" id="tos-slider" data-role="slider">
					<option value="off" rel="localize[Off]">Off</option>
					<option value="on" rel="localize[On]">On</option>
				</select>
			</li>
		</ul>
		
		<ul data-role="listview" data-inset="true" data-wordbankorder="4" data-wordbankname="Beygingarl&yacute;sing &iacute;slensks n&uacute;t&iacute;mam&aacute;ls"
				id="SearchBin" class="wordbank">
			<li data-role="fieldcontain" id="ismal-divider">
				<label for="bin-slider">
					<a href="http://bin.arnastofnun.is/" target="_blank">
						Beygingarl&yacute;sing<br />&iacute;slensks n&uacute;t&iacute;mam&aacute;ls
					</a>
				</label>
				<select name="SearchBin" id="bin-slider" data-role="slider">
					<option value="off" rel="localize[Off]">Off</option>
					<option value="on" rel="localize[On]">On</option>
				</select>
			</li>
		</ul>
		
		<ul data-role="listview" data-inset="true" data-wordbankorder="5" data-wordbankname="Sj&aacute;vard&yacute;raor&eth;ab&oacute;k"
				id="SearchHafro" class="wordbank">
			<li data-role="fieldcontain" id="ismal-divider">
				<label for="hafro-slider">
					<a href="http://www.hafro.is/ordabok/" target="_blank">
						Sj&aacute;vard&yacute;raor&eth;ab&oacute;k
					</a>
				</label>
				<select name="SearchHafro" id="hafro-slider" data-role="slider">
					<option value="off" rel="localize[Off]">Off</option>
					<option value="on" rel="localize[On]">On</option>
				</select>
			</li>
		</ul>
		
		<ul data-role="listview" data-inset="true" data-wordbankorder="6" data-wordbankname="M&aacute;lfarsbanki &Iacute;slenskrar m&aacute;lst&ouml;&eth;var"
				id="SearchMalfar" class="wordbank">
			<li data-role="fieldcontain" id="ismal-divider">
				<label for="malfar-slider">
					<a href="http://www.arnastofnun.is/page/arnastofnun_gagnasafn_malfarsbankinn" target="_blank">
						M&aacute;lfarsbanki<br />&Iacute;slenskrar m&aacute;lst&ouml;&eth;var
					</a>
				</label>
				<select name="SearchMalfar" id="malfar-slider" data-role="slider">
					<option value="off" rel="localize[Off]">Off</option>
					<option value="on" rel="localize[On]">On</option>
				</select>
			</li>
		</ul>
		
		<ul data-role="listview" data-inset="true" data-wordbankorder="7" data-wordbankname="Ritm&aacute;lssafn Or&eth;ab&oacute;kar H&aacute;sk&oacute;lans"
				id="SearchRitmalaskra" class="wordbank">
			<li data-role="fieldcontain" id="ismal-divider">
				<label for="ritmalaskra-slider">
					<a href="http://www.arnastofnun.is/page/arnastofnun_gagnasafn_ritmal" target="_blank">
						Ritm&aacute;lssafn<br />Or&eth;ab&oacute;kar H&aacute;sk&oacute;lans
					</a>
				</label>
				<select name="SearchRitmalaskra" id="ritmalaskra-slider" data-role="slider">
					<option value="off" rel="localize[Off]">Off</option>
					<option value="on" rel="localize[On]">On</option>
				</select>
			</li>
		</ul>
		

	</div><!-- /content -->

	<div data-role="footer">
		<h4><a href="#umoss" rel="localize[About]">About</a></h4>
	</div><!-- /footer -->

</div><!-- /page -->

<div data-role="page" id="umoss">
	<div data-role="header">
		<h1 rel="localize[titleAbout]">About the wordbank search aggregator</h1>
	</div>
	<div data-role="content">
		<p rel="localize[aboutContents1]">
			The wordbank search aggregator provides an interface to search in several Icelandic wordbanks and dictionaries in parallel and so aims to provide an easy access to those distributed resources.
		</p>
		<p rel="localize[aboutContents2]">
			Comments on this application can be posted in the <a href=\"http://code.google.com/p/ordasafnasafn/issues/list\">project issue tracker</a>.
		</p>
		<p rel="localize[aboutContents3]">
			&nbsp;
		</p>
		<p rel="localize[aboutContents4]">
			&nbsp;
		</p>
	</div>
	<div data-role="footer">
		<h4></h4>
	</div>
</div>

<div data-role="page" id="settings">
	<div data-role="header">
		<h1 rel="localize[titleSettings]">Settings</h1>
	</div>
	<div data-role="content">
		<fieldset data-role="controlgroup">
			<legend rel="localize[legendInterfaceLanguage]">Interface language:</legend>
			<input type="radio" name="interface-language" id="interface-language-en" value="en" />
			<label for="interface-language-en" rel="localize[English]">English</label>
			
			<input type="radio" name="interface-language" id="interface-language-is" value="is" />
			<label for="interface-language-is" rel="localize[Icelandic]">Icelandic</label>
		</fieldset>
<!--		<a href="#oss" id="settings-continue-btn" data-role="button" rel="localize[Continue]">Continue</a>-->
<!--		<a href="/?locale={% if locale %}{{locale}}{% else %}is_IS{% endif %}" id="settings-continue-btn"-->
<!--			data-role="button" data-ajax="false" rel="localize[Continue]">Continue</a>-->
	</div>
</div>

<div data-role="page" id="charges">
	<div data-role="header">
		<h1 rel="localize[titleCharges]">Charges</h1>
	</div>
	<div data-role="content">
		<h2 rel="localize[chargesHeading]">Welcome to the Icelandic wordbank search aggregator!</h2>
		<p rel="localize[chargesContents]">Please note that each search performed involves access to the network.  Data charges may apply.</p>
		<a href="#oss" data-role="button" rel="localize[Continue]">Continue</a>
	</div>
</div>
	
</body>
</html>